@charset "UTF-8";
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture { display: block; }
::-moz-selection {
background:#1d55a1;
color:#fff;
text-shadow:none;
}
*{ word-wrap:break-word;}
::selection { background: #1d55a1; color: #fff; text-shadow: none; }
/*input:focus{-moz-outline-style:none; border:0px;}*/
:focus { outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ol, li, ul, dl, dt, dd { list-style: none; }
fieldset, img, input, select { border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
img { vertical-align: middle; }
input, textarea, select, button { font-family: inherit; font-size: inherit; font-weight: inherit; outline-style: none; outline-width: 0pt; resize: none; padding: 0; margin: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
b, em, i { display: inline-block; vertical-align: middle; font-weight: normal; font-style: normal; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.clear{ clear:both;}
html { verflow: -Scroll; overflow-x: hidden; zoom: 1; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
body {/*overflow-x:hidden;*/ /*font-family: "方正兰亭",  "arial";*/font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei","Arial","sans-serif"; color: #91969B;  position: relative; font-size: 14px; line-height: 24px; /*font-weight: 300;*/ }
a {font-size: 16px; color: #333; text-decoration: none; outline: 0 none; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s; }
a:hover { color:#1d55a1; text-decoration: none; }

a.blue{ color:#005691;}




.width{ max-width:1200px; margin:0 auto; padding:0 3%; width:94%;position:relative;}



header .pc_head{ border-top:1px solid #f4f4f4; border-bottom:0px solid #e6e6e6; clear:both; width:100%; background:#fff; height:75px;position:relative; }
header .pc_head .logo{ float:left; width:200px;padding:8px 0;}
header .pc_head .menu{ float:left;width: calc(100% - 478px); height:75px;}
header .pc_head .lang{ float:left; width:79px; text-align:right; line-height:55px; font-size:14px;padding:10px 0; }




header .pc_head .lang ul li:hover .yuyan a.langx{ height:30px; line-height:30px; text-align:center; background:#fff; /*border-bottom:1px solid #ccc;*/ display:block; width:100%; font-size:12px;color:#000; background:url(../img/hei_line.jpg) no-repeat center top;margin-top: 10px;}


header .pc_head .lang ul li{ padding-right:30px; cursor:pointer;background:url(../img/lang_ico.svg) no-repeat right center; position:relative; }
header .pc_head .lang ul li .yuyan{ display:none;}

header .pc_head .lang ul li:hover .yuyan{ width:100%; /*border-top:1px solid #ccc;*/display:block; position:absolute; left:0; top:50px; z-index:9999;background:#fff; }
header .pc_head .lang ul li:hover .yuyan a{ height:30px; line-height:30px; text-align:center; background:#fff; /*border-bottom:1px solid #ccc;*/ display:block; width:100%; font-size:12px;}

header .pc_head .lang ul li:hover .yuyan a:hover{ color:#bc131a;}
header .pc_head .search{ float:left; width:197px; border:1px solid #bababa; border-radius:3px; height:30px; line-height:30px; margin-top:21px; overflow:hidden;}
header .pc_head .search button{ width:32px; background:url(../img/search_btn.svg) no-repeat center; height:30px; border:0; float:left; cursor:pointer;}
header .pc_head .search input{ float:left;width: calc(100% - 32px);  font: 400 12px Arial; height:30px; line-height:30px;}


.animenu__toggle { display: none; cursor: pointer; border: 0; }
.animenu__toggle:hover {  height: 2px; background-color: #fff; -webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.animenu__toggle__bar + .animenu__toggle__bar { }
.animenu__toggle--active .animenu__toggle__bar { margin: 0; position: absolute; }
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) { opacity: 0; }
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.animenu { display: block;}
.animenu ul { padding: 0; list-style: none;margin-left:12%;}
.animenu li, .animenu a { display: inline-block; font-size: 14px; }
.animenu a { color: #333; text-decoration: none; }
.animenu__nav {  }
.animenu__nav > li { position: relative; text-align:center; width:16.66666%; max-width:90px;  }
.animenu__nav > li.noposition { position:static; text-align:center; width:16.66666%; max-width:155px;  }

.animenu__nav > li > a { text-transform: uppercase; line-height:75px; }
.animenu__nav > li:hover > ul { opacity: 1; visibility: visible; margin: 0; }
.animenu__nav > li:hover > a,.animenu__nav > li > a.dq { color:#000; background:url(../img/hei_line.jpg) no-repeat center bottom;}
.animenu__nav__child { min-width: 130%; /*border:1px solid #dedede;*/ position: absolute; top: 100%; left: -15%; z-index:9999; opacity: 0; visibility: hidden; margin: 20px 0 0 0;  background: #fff; transition: margin .15s, opacity .15s; }
.animenu__nav__child2{ border-bottom:0px solid #ccc; border-top:0px solid #ccc; min-width:100%; position: absolute; top: 100%; left: 0; z-index:9999; opacity: 0; visibility: hidden;  background-color: #fff; transition: margin .15s, opacity .15s; }
.animenu__nav__child > li { width: 100%; border-bottom: 1px solid #fff; }

.animenu__nav__child > li:last-child { border: 0; }
.animenu__nav__child a {width: calc(100% - 16px); border-color: #fff; color:#000; line-height:22px; padding:8px 8px; }
.animenu__nav__child a:hover { background-color: #1d55a1; border-color: #1d55a1; color: #fff; }
 
.animenu__nav--open { display: block !important; }
.animenu__nav--open .animenu__nav__child { display: block; }

.animenu__nav__child2 li{ width:9.444444%; margin-right:3%; padding:35px 0; float:left; text-align:center;}
.animenu__nav__child2 li a{ color:#000; margin-bottom:5px;}
.animenu__nav__child2 li p{ margin-bottom:10px;}
.animenu__nav__child2 img{ width:100%; max-width:200px;}



footer .link_bar{ background:#323232; padding:38px 0 50px 0; clear:both; overflow:hidden;}
footer .link_bar ul li{ float:left; width:16.66666%;}
footer .link_bar ul li h5{ color:#fff; font-weight:bold; font-size:14px; line-height:36px;}
footer .link_bar ul li.aboutli h5{ text-align:right;}
footer .link_bar ul li a{ display:block; font-size:14px; line-height:36px; color:#91969b;}
footer .link_bar ul li a:hover{ color:#fff;}
footer .link_bar ul li span{ float:right; margin-left:5px;  display:block; width:24px; height:22px;}
footer .link_bar ul li span a{ display:block;}
footer .link_bar ul li span.bg1{ background:url(../img/link1.svg) no-repeat;}
footer .link_bar ul li span.bg1:hover{background:url(../img/link11.svg) no-repeat;}
footer .link_bar ul li span.bg2{ background:url(../img/link2.svg) no-repeat;}
footer .link_bar ul li span.bg2:hover{background:url(../img/link22.svg) no-repeat;}
footer .link_bar ul li span.bg3{ background:url(../img/link3.svg) no-repeat;}
footer .link_bar ul li span.bg3:hover{background:url(../img/link33.svg) no-repeat;}
footer .link_bar ul li span.bg4{ background:url(../img/link4.svg) no-repeat; position:relative;}
footer .link_bar ul li span.bg4:hover{background:url(../img/link44.svg) no-repeat;}
footer .link_bar ul li span.bg4 .tupian{ display:none;}
footer .link_bar ul li span.bg4:hover .tupian{ display:block; position:absolute; right:0; top:28px; z-index:999;
 color:#fff;}
 footer .link_bar ul li span.bg4:hover .tupian img{ max-width:130px;}

footer {}
footer .copyright_bar{ background:#000; padding:10px 0; clear:both; overflow:hidden;}
footer .copyright{ padding-bottom:7px;}
footer .copyright_bar h5{ font-size:14px; font-weight:bold; color:#fff; line-height:30px;}
footer .copyright_bar .brandSort { height: inherit; position: relative; zoom: 1 }
footer .copyright_bar .v_box, footer .copyright_bar .h_box, .close_box {  }
footer .copyright_bar .v_box ul li,footer .copyright_bar .h_box ul li { padding: 0 20px 0 0; font-size:14px; height: 28px; line-height: 28px; float: left; }
footer .copyright_bar .v_box ul li a, footer .copyright_bar .h_box ul li a { color: #787C80; }
footer .copyright_bar .v_box ul li a:hover, footer .copyright_bar .h_box ul li a:hover { color: #fff; }
footer .copyright_bar .close_box { position: absolute; right: 0; bottom: 0; width: 15px; height: 15px; line-height: 15px; cursor: pointer; }
footer .copyright2 ul li{ float:left; width:20%;}
footer .copyright2 ul li a{ text-align:center; margin:0 auto; width:100%;  max-width:80px;color: #91969B;font-size: 14px;} 
footer .copyright2 ul li a.gs{ text-align:center; margin:0 auto; width:100%; display:block; max-width:80px;} 
footer .copyright2 ul li.tel{ width:30%; color:#fff; font-size:14px; text-align:right; margin-top:20px;}
footer .copyright2 ul li.tel img{ margin-right:10px;}
footer .copyright2 ul li.text2{ margin-top:40px; line-height:20px; width:50%;}


footer .link_bar .tel{ width:100%; color:#fff; font-size:14px; text-align:right; margin-top:40px;}
footer .link_bar .tel img{ float: left;padding-left: 20px;}

.sj_head,.sj{ display:none;}
footer .link_bar2{ display:none;}

.sj_search2{ display:none;}


.pager{ width:100%; padding:5% 0; clear:both; overflow:hidden;margin-top: 30px;font-size: 0;/*关键代码*/}
.pager a{ border:1px solid #ccc; padding:4px 8px; margin-right:5px; color:#636363; line-height:18px; display:block; float:left; margin-bottom:5px;font-size: 12px; }
.pager select{ padding:3.5px 8px; border:1px solid #ccc;margin-right:5px;margin-bottom:5px; font-size: 12px; }
.pager a:hover{ color:#fff; background:#1d55a1;font-size: 12px;}
a.thisclass{ color:#fff; background:#1d55a1;font-size: 12px;}


@media (max-width: 768px) {
	

.sj{display:block;}
.sj_head{ display:block; position:fixed; width:100%; left:0; top:0; z-index:9999999; background:#fff;  height:66px;}
.sj_head .sj_logo{ position:absolute; left:3%; top:12px; z-index:9999999; }
.sj_head .sj_logo img{ max-width:165px;}


.header-button { position:absolute; right:48px; top:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; z-index: 9999999; display: block; width: 36px; height: 66px; margin: 0; padding: 0; outline: none; background:url(../img/search_btn.svg) no-repeat center; border: none; cursor: pointer; }

#toggle-search { float: right; }

#search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 66px; left: 0; width: 100%; max-height: 0; z-index:9999999; overflow: hidden;background:#fff; }
#search-form.open { max-height: 66px;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }



.pc_head,.pc{ display:none;}
footer .link_bar{ display:none;}	



.sp_header{height:66px;overflow:hidden;background:#fff;width:100%;position: fixed;
    z-index: 10; right:0;}
.sp_nav{width:35px;float:right;position:relative;cursor:pointer;height:20px;margin-top:23px; }
.sp_nav span{display:block;background:#999;width:22px;height:3px;position:absolute;left:0%;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:6px}
.sp_nav span:nth-of-type(3){top:12px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#1d55a1;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:66px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none;background:#fff;}
.sjj_nav ul li a{color:#fff;width:80%}
.sjj_nav ul li ul li a{color:#000;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff;}
.sjj_nav ul li ul li>ul{margin-left:10px}






footer .link_bar2{ display:block;}

footer .link_bar2 .bellows__item:not(.bellows--is-open) > .bellows__content {display: none; }
footer .link_bar2 .bellows__item.bellows--is-open > .bellows__content-wrapper,
footer .link_bar2 .bellows__item.bellows--is-closing > .bellows__content-wrapper {display: block; }
footer .link_bar2 .bellows__content-wrapper {display: none; }
footer .link_bar2 .bellows .bellows__item{ float:left; width:100%; margin:0 0% 0 0%;}
footer .link_bar2 .bellows { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
footer .link_bar2 .bellows__header { position: relative; line-height:24px; padding:11px 3% 11px 3%; -webkit-tap-highlight-color: transparent; font-size:14px; background:#323232; border-bottom:1px solid #232323; }
footer .link_bar2 .bellows__item img{ width:100%;}
footer .link_bar2 .bellows__header:active { background: #1d55a1; color:#fff; }
footer .link_bar2 .bellows__header::before, footer .link_bar2 .bellows__header::after { content: ''; position: absolute; top: 50%; right: 15px; z-index: 2; display: block; width: 16px; height: 4px; margin-top: -2px; background:#eee; pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; }
footer .link_bar2 .bellows__header::before { content: ''; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
footer .link_bar2 .bellows__header::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
footer .link_bar2 .bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
footer .link_bar2 .bellows__item.bellows--is-open > .bellows__header::after, footer .link_bar2 .bellows__item.bellows--is-opening > .bellows__header::after { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
footer .link_bar2 .bellows__item:last-child > .bellows__header { border-bottom:1px solid #232323; background:#323232;}
footer .link_bar2 .bellows__header h1,  footer .link_bar2 .bellows__header h2,  footer .link_bar2 .bellows__header h3,  footer .link_bar2 .bellows__header h4 { margin: 0; color:#fff; }
footer .link_bar2 .bellows__content { font-size:14px; line-height:30px; background:#fff; padding:0 3% 0 3%; }
footer .link_bar2 .bellows__content a{ display:block;}
footer .link_bar2 .bellows__content a:hover{ color:#bc131a}
footer .link_bar2 .bellows__content .bellows { margin-top: 20px; }

footer .link_bar2 .fx { background:#323232; clear:both; overflow:hidden;}
footer .link_bar2 .fx h5{ color:#fff; font-weight:bold; float:left; margin-right:10px; font-size:14px; line-height:45px;}
footer .link_bar2 .fx a{  font-size:14px; line-height:26px; color:#999;}
footer .link_bar2 .fx a:hover{ color:#fff;}
footer .link_bar2 .fx span{ float:left; margin-top:11px; margin-right:5px; overflow:hidden; display:block; width:24px; height:22px;}
footer .link_bar2 .fx span a{ display:block;}
footer .link_bar2 .fx span.bg1{ background:url(../img/link1.svg) no-repeat;}
footer .link_bar2 .fx span.bg1:hover{background:url(../img/link11.svg) no-repeat;}
footer .link_bar2 .fx span.bg2{ background:url(../img/link2.svg) no-repeat;}
footer .link_bar2 .fx span.bg2:hover{background:url(../img/link22.svg) no-repeat;}
footer .link_bar2 .fx span.bg3{ background:url(../img/link3.svg) no-repeat;}
footer .link_bar2 .fx span.bg3:hover{background:url(../img/link33.svg) no-repeat;}
footer .link_bar2 .fx span.bg4{ background:url(../img/link4.svg) no-repeat;}
footer .link_bar2 .fx span.bg4:hover{background:url(../img/link44.svg) no-repeat;}

footer .link_bar2 .tel{ width:100%; color:#fff; margin-top: 8px;}
footer .link_bar2 .tel img{ margin-right:0px;}




footer .copyright_bar{ background:#000; padding:10px 0; clear:both; overflow:hidden;}
footer .copyright{ padding-bottom:20px;}
footer .copyright_bar h5{ font-size:14px; font-weight:bold; color:#fff; line-height:30px;}
footer .copyright_bar .brandSort { height: inherit; position: relative; zoom: 1 }
footer .copyright_bar .v_box, footer .copyright_bar .h_box, .close_box {  }
footer .copyright_bar .v_box ul li,footer .copyright_bar .h_box ul li { padding: 0 20px 0 0; font-size:14px; height: 28px; line-height: 28px; float: left; }
footer .copyright_bar .v_box ul li a, footer .copyright_bar .h_box ul li a { color: #999; }
footer .copyright_bar .v_box ul li a:hover, footer .copyright_bar .h_box ul li a:hover { color: #fff; }
footer .copyright_bar .close_box { position: absolute; right: 0; bottom: 0; width: 56px; height: 15px; line-height: 15px; cursor: pointer; }
footer .copyright2 ul li{ float:left; height:22px; line-height:22px; width:100%;}
footer .copyright2 ul li a{ text-align:center; width:100%; display:block;} 
footer .copyright2 ul li.tel{ width:100%; color:#fff; display:none;}
footer .copyright2 ul li.img{ display:none;}
footer .copyright2 ul li.tel img{ margin-right:10px;}
footer .copyright2 ul li.text2{ margin-top:00px; line-height:20px; width:100%;}



.sj_search2{ display:block;  /*border-top:1px solid #ccc;border-bottom:1px solid #ccc;*/ height:35px; line-height:35px;}
.sj_search2 input{ float:left;width: calc(100% - 32px); height:35px; line-height:35px;}
.sj_search2 button{width:32px; background:url(../img/search_btn.svg) no-repeat center; height:35px; border:0; float:left; cursor:pointer;}

footer { }



}







